Component({
    properties: {
        films: {
            type: Array,
            value: []
        },
        hasMore: {
            type: Boolean,
            value: true
        },
        showLoading: {
            type: Boolean,
            value: true
        },
        start: {
            type: Number,
            value: 0
        },
        windowHeight: {
            type: Number,
            value: 0
        }
    },
    methods: {
        scroll: function(e) {
            this.triggerEvent('scroll', e)
        },
        scrolltolower: function() {
            this.triggerEvent('scrolltolower')
        },
        viewFilmDetail: function(e) {
            const id = e.currentTarget.dataset.id;
            this.triggerEvent('viewFilmDetail', { id });
        },
        viewFilmByTag: function(e) {
            this.triggerEvent('viewFilmByTag', e.currentTarget.dataset)
        }
    }
}) 